// @import "/template/hotGoods/hotGoods.wxss";
.pubile-title{
    width: 100%;
    text-align: center;
    margin-top: 20rpx;
    .title{
        width: 228rpx;
        margin: 26rpx auto;
        display: flex;
        align-items: center;
        white-space: nowrap;
        text{
            color: rgba(48, 49, 51, 1);
            font-size: 40rpx;
            font-family: PingFangSC-regular;        
        }
        image{
            width: 63rpx;
            height: 48rpx;
            margin-left: 6rpx;
            margin-top: 8rpx
        }
    }
}    

#index{
    width: 100%;
    background: #f8f8f8;
    .position-box{
        width: 100%;
        height: 200rpx;
        background: #409EEF;
        .position{
            width: 100%;
            display: flex;
            align-items: center;
            image{
                width: 48rpx;
                height: 48rpx;
                margin-left: 28rpx;
            }       
            text{
                margin-left: 10rpx;
                color: rgba(255, 255, 255, 1);
                font-size: 32rpx;
                text-align: left;
                font-family: PingFangSC-regular;
            }
        }
        .search-box{
            width: 90%;
            height: 72rpx;
            margin: 26rpx auto;
            background: white;
            height: 36px;
            border-radius: 35px;
            text-align: center;
            position: relative;
            .search-icon{
                position: absolute;
                left: 152rpx;
                top: 12rpx;
            }
            .search{
                position: absolute;
                left: 218rpx;
                top: 12rpx;
                text-align: left;
                color: rgba(16, 16, 16, 0.580392);
                font-size: 14px;
                font-family: PingFangSC-regular;
            }
        }
    }

    .swiper{
        width: 100%;
        height: 400rpx;
    }

    .classify-box{
        width: 100%;
        height: 414rpx;
        display: flex;
        align-items: center;
        flex-direction: column;
        background: #409EEF;
        margin-top: 2rpx;
        background-image: url('http://qiniu.whcmhlkj.com/qiniu.whcmhlkj.com/20190104/14333978940996.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        .classify{
            width: 90%;
            margin: 48rpx auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .classify-item{
                width: 128rpx;
                display: flex;
                flex-direction: column;
                align-items: center;   
                image{width: 64rpx;height: 64rpx;}
                text{
                    display: block;
                    width: 128rpx;
                    color: rgba(255, 255, 255, 1);
                    font-size: 32rpx;
                    text-align: left;
                    font-family: PingFangSC-regular;
                    margin-top: 10rpx;
                }
            }
        }
    }

    .getRedPacket{
        width: 100%;
        height: 200rpx;
        position: relative;
        border-radius: 24rpx;
        background: white;
        padding-bottom: 16rpx;
        // margin-top: 14rpx;
        image{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
        text{
            position: absolute;
            left: 30rpx;
            top: 30rpx;
            color: rgba(255, 255, 255, 1);
            font-size: 32rpx;
            font-family: PingFangSC-Medium;
        }
        label{
            position: absolute;
            left: 266rpx;
            top: 74rpx;
            color: rgba(255, 255, 255, 1);
            font-size: 24rpx;
            font-family: PingFangSC-Regular;
        }
        .get{
            position: absolute;
            top: 36rpx;
            right: 12rpx;
            width: 176rpx;
            line-height: 60rpx;
            border-radius: 45rpx;
            background-color: rgba(250, 189, 25, 1);
            text-align: center;
            border: 1px solid rgba(5, 5, 5, 0.08);
            color: rgba(255, 255, 255, 1);
            font-size: 26rpx;
            font-family: PingFangSC-regular;
        }
    }

    .type{
        width: 100%;
        background: #f5f5f5;
        padding:50rpx  20rpx 0 20rpx;
        .type-item{
            display: flex;
            align-items: center;
            flex-direction: column;
            width: 118rpx;
            height: 140rpx;
            float: left;
            image{
                width: 64rpx;
                height: 64rpx;
            }
            text{
                font-size: 22rpx;
                margin-top: 10rpx;
                font-family: PingFangSC-Medium;
            }
        }
    }

    .menu-box{
        width: 100%;
        padding: 20rpx 45rpx 35rpx 45rpx;
        background: white;
        .menu-item{
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            .menu{
                width: 33.33%;
                display: flex;
                align-items: center;
                flex-direction: column;
                image:nth-child(2){
                    width: 133rpx;
                    height: 36rpx;
                    margin-top: 26rpx;
                }
            }
        }
        .menu-item:nth-child(1){
            .menu:nth-child(1){
                image:nth-child(1){
                    width: 185rpx;
                    height: 55rpx;    
                }
                image:nth-child(2){
                    width: 0rpx;
                    height: 0rpx;    
                }
            }
            .menu:nth-child(2){
                image:nth-child(1){
                    width: 60rpx;
                    height: 60rpx;    
                }
            }
            .menu:nth-child(3){
                image:nth-child(1){
                    width: 60rpx;
                    height: 60rpx;    
                }
            }
        }
        .menu-item:nth-child(2){
            margin-top: 70rpx;
            .menu:nth-child(1){
                image:nth-child(1){
                    width: 80rpx;
                    height: 70rpx;    
                }
            }
            .menu:nth-child(2){
                image:nth-child(1){
                    width: 87rpx;
                    height: 70rpx;    
                }
            }
            .menu:nth-child(3){
                image:nth-child(1){
                    width: 70rpx;
                    height: 70rpx;    
                }
            }
        }
    }


    // 附近店铺
    .nearbyStores-box{
        width: 100%;
        text-align: center;
        margin-top: 20rpx;
        .storeBox{
            width: 100%;
            margin: 40rpx auto;
            display: flex;
            align-items: center;
            
        }
    }
    // 新闻
    .news-box{
        width: 100%;
        height: 120rpx;
        display: flex;
        align-items: center;
        .newsTitle{
            width: 80rpx;
            height: 92rpx;
            left: 12px;
            color: rgba(74, 144, 226, 1);
            font-size: 28rpx;
            text-align: left;
            white-space: pre-wrap;
            letter-spacing: 13rpx;
            margin-left: 5%;
            line-height: 51rpx;
        }
        .contentTtile-box{
            margin-left: 30rpx;
            .content-title{
                width: 92rpx;
                height: 40rpx;
                background-color: rgba(255, 255, 255, 1);
                box-shadow: 0px 4rpx 8rpx 0px rgba(0, 0, 0, 0.5);
                border: 1px solid rgba(245, 108, 108, 1);        
                text-align: center;  
            }
        }
        .newsList{
            background: none;
            width: 58%;
            .content-box{    
                margin-left: 56rpx;
                width: 100%;
                .content-item{
                    color: rgba(0, 0, 0, 1);
                    font-size: 30rpx;
                    text-align: left;
                    font-family: PingFangSC-Regular;
                    padding: 10rpx;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            }
        }
    }
    //专题精选
    .special-box{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        .special{
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            .special-img{
                width: 100%;
                height: 162rpx;
            }
            label{
                display: block;
                color: rgba(0, 0, 0, 1);
                font-size: 30rpx;
                text-align: left;
                font-family: PingFangSC-Regular;
                margin-top: 50rpx;
            }
            label:nth-child(3){
                margin-top: 22rpx;
                padding-bottom: 100rpx;
            }
        }
    }
}

    //签到
    .signIn-box{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: rgba(0,0,0,0.4);
        .signSuccess{
            width: 90%;
            margin-left: 5%;
            margin-top: 100rpx;
            position: relative;
            image{
                width: 100%;
                height: 620rpx;
            }
            .point{
                position: absolute;
                font-family: PingFangSC-Regular;
                font-size: 40rpx;
                top: 340rpx;
                left: 134rpx;
                color: black;
                text{
                    font-family: PingFangSC-Regular;
                    font-size: 40rpx;
                    color: red;
                }
            }
            label{
                position: absolute;
                font-family: PingFangSC-Regular;
                font-size: 32rpx;
                top: 410rpx;
                left: 208rpx;
                color: #cccccc;
            }
            .closeSuccess{
                width: 90%;
                height: 100rpx;
                background-color: rgba(64, 158, 239, 1);
                border: none;
                position: absolute;
                left: 5%;
                bottom: 50rpx;
                color: white;
                border-radius: 100rpx;
                font-size: 40rpx;
            }
        }
        .fail{
            width: 90%;
            margin-left: 5%;
            margin-top: 100rpx;
            position: relative;

            image{
                width: 100%;
                height: 535rpx;
            }
            text{
                position: absolute;
                font-family: PingFangSC-Regular;
                font-size: 36rpx;
                top: 260rpx;
                left: 10%;
                color: black;
            }
            label{
                position: absolute;
                font-family: PingFangSC-Regular;
                font-size: 32rpx;
                top: 330rpx;
                left: 38%;
                color: #cccccc;
            }
            button{
                width: 70%;
                height: 100rpx;
                background-color: rgba(64, 158, 239, 1);
                border: none;
                position: absolute;
                left: 15%;
                bottom: 50rpx;
                color: white;
                border-radius: 100rpx;
                font-size: 40rpx;
            }
        }
        .redPacket{
            width: 704rpx;
            height: 660rpx;
            margin: 100rpx auto;
        }
        .redPacketAmount{
            position: fixed;
            font-size: 30rpx;
            font-family: PingFangSC-Regular;
            top:410rpx;
            left:342rpx;
            color:red;
        }
        .group-box{
            width: 666rpx;
            height: 434rpx;
            background: #E0E9F2;
            margin: 44rpx auto;
            border-radius: 46rpx;
        }
    }
    //搜索
    .search-box{
        width: 100%;
        height: 100%;
        position: absolute;
        background: #ffffff;
        top: 0;
        left: 0;
        z-index: 999;
        .field-index--van-field{
            border-radius: 36rpx;
        }
        .result{
            width: 92%;
            margin: 0 auto;
            .result-item{
                padding: 20rpx;
                border-bottom: 1px solid #f5f5f5;
                display: flex;
                align-items: center;
                justify-content: space-between;
                .result-type{
                    width: 100rpx;
                    height: 42rpx;
                    border-radius: 16rpx;  
                    text-align: center;
                    color: rgba(155, 155, 155, 1);
                    font-size: 28rpx;
                    font-family: PingFangSC-Medium;      
                }
                .type-goods{
                    background-color:#BBE1FD
                }
                .type-store{
                    background-color: rgba(184, 233, 134, 1);
                }
                .oneText {
                    color: rgba(155, 155, 155, 1);
                    font-size: 32rpx;
                    text-align: left;
                    font-family: PingFangSC-Medium;
                    width: 80%;
                }
                .searchHigh {
                    color: #409eff;
                  }
                // text{
                //     color: rgba(155, 155, 155, 1);
                //     font-size: 32rpx;
                //     text-align: left;
                //     font-family: PingFangSC-Medium;
                // }
                .light{
                    color: red
                }
            }
        }
    }